<template>
    <div class="not-found">
        <h1>404</h1>
        <p>页面不存在</p>
        <van-button type="primary" @click="goHome">返回首页</van-button>
    </div>
</template>

<script>
export default {
    name: 'NotFound',
    methods: {
        goHome() {
            this.$router.push('/home')
        }
    }
}
</script>

<style scoped>
.not-found {
    text-align: center;
    padding-top: 100px;
}
.not-found h1 {
    font-size: 60px;
    color: #666;
}
.not-found p {
    margin: 20px 0;
    color: #999;
}
</style>